<template>
  <div style="padding:20px;" id="app">
    <div class="panel panel-primary">
      <div class="align-center">
        <span v-text="url"></span>
</div>
  </div>
  </div>
</template>

<script>
    export default {
      data() {
        return {
          url:""
        }
      },
      methods: {
       },
      created() {
        var data=this.$route.query
        debugger
        console.log(data)
        let id = data.id;
        let _this = this
        this.$http.post('http://127.0.0.1:8091/resouceApply/selectById',
          {
            "id":id,
          }
          ,{emulateJSON: true}).then((response) => {
          let data = response.data
          _this.url =  data.resouceapplyinfo.resouceURL
        });
      }
    }
</script>

<style type="text/css">
  .align-center{
    margin:0 auto;      /* 居中 这个是必须的，，其它的属性非必须 */
    width:1000px;        /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */
    background:white;     /* 背景色 */
    text-align:center;  /* 文字等内容居中 */
  }
</style>
